<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>Información Solicitante</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link REL="SHORTCUT ICON"
		href="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/logoTcBuen.ico" />
</h:head>

<h:body>
	<ui:composition template="/MenuTemplate.xhtml">



		<ui:define name="content">

			<p:layout>



				<p:layoutUnit position="center">

					<f:view>
						<p:ajaxStatus onstart="statusDialog.show();"
							onsuccess="statusDialog.hide();" />
						<p:dialog modal="true" widgetVar="statusDialog" header="Cargando"
							draggable="false" closable="false">
							<p:graphicImage
								value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
						</p:dialog>

						<div id="logo" align="center">
							<h:form id="form">
								<p:panel id="td" header="Información Solicitante">
									<p:messages id="msg" />
									<p:growl id="men" />
									<p:dataTable var="car" value="#{infoSolicitanteView.data}"
										id="listaTDo" editable="true" scrollable="true"
										scrollHeight="auto"
										filteredValue="#{infoSolicitanteView.data}">

										<p:ajax event="rowEdit"
											listener="#{infoSolicitanteView.onEdit}" />
										<p:ajax event="rowEditCancel"
											listener="#{infoSolicitanteView.onCancel}" />

										<p:column headerText="Editar" style="width: 30px">
											<p:rowEditor />
										</p:column>

										<p:column headerText="Tipo Documento"
											filterBy="descripcionTipoDocumento" style="width: 100px">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputText value="#{car.descripcionTipoDocumento}" />
												</f:facet>
												<f:facet name="input">
													<p:selectOneMenu
														value="#{infoSolicitanteView.idTpDoc_TipoDocumento}"
														style="width: 100px">

														<f:selectItems
															value="#{infoSolicitanteView.id_tipoDocumento}" />
													</p:selectOneMenu>
												</f:facet>
											</p:cellEditor>
										</p:column>

										<p:column headerText="Número Identificación"
											style="width: 100px" filterBy="numeroIdentificacion">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputLabel value="#{car.numeroIdentificacion}" />
												</f:facet>
												<f:facet name="input">
													<p:inputTextarea value="#{car.numeroIdentificacion}" />
												</f:facet>
											</p:cellEditor>
										</p:column>

										<p:column headerText="Nombre Empresa" style="width: 100px"
											filterBy="nombreEmpresa">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputLabel value="#{car.nombreEmpresa}" />
												</f:facet>
												<f:facet name="input">
													<p:inputTextarea value="#{car.nombreEmpresa}" />
												</f:facet>
											</p:cellEditor>
										</p:column>

										<p:column headerText="Nombre Contacto" style="width: 100px"
											filterBy="nombreContacto">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputLabel value="#{car.nombreContacto}" />
												</f:facet>
												<f:facet name="input">
													<p:inputTextarea value="#{car.nombreContacto}" />
												</f:facet>
											</p:cellEditor>
										</p:column>

										<p:column headerText="Email" style="width: 100px"
											filterBy="correoElectronico">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputLabel value="#{car.correoElectronico}" />
												</f:facet>
												<f:facet name="input">
													<p:inputTextarea value="#{car.correoElectronico}" />
												</f:facet>
											</p:cellEditor>
										</p:column>

										<p:column headerText="Número Celular" style="width: 100px">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputLabel value="#{car.numeroCelular}" />
												</f:facet>
												<f:facet name="input">
													<p:inputTextarea value="#{car.numeroCelular}" />
												</f:facet>
											</p:cellEditor>
										</p:column>

										<p:column headerText="Teléfono Fijo" style="width: 100px">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputLabel value="#{car.telefonoFijo}" />
												</f:facet>
												<f:facet name="input">
													<p:inputTextarea value="#{car.telefonoFijo}" />
												</f:facet>
											</p:cellEditor>
										</p:column>
										<!-- 	<p:column headerText="Tipo Documento" style="width: 100px">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputLabel value="#{car.solicitudPqrs}" />
										</f:facet>
										<f:facet name="input">
											<p:inputTextarea value="#{car.solicitudPqrs}" />
										</f:facet>
									</p:cellEditor>
								</p:column> -->


									</p:dataTable>

									<!--		Ventana emergente          -->

									<p:dialog id="dialog" header="Crear Solicitante"
										widgetVar="carDialog" resizable="false" width="800"
										showEffect="clip" hideEffect="fold">
										<p:messages id="messages" />
										<h:panelGrid columns="2" id="panel">

											<h:outputText id="msgIdTpDoc_TipoDocumento"
												value="* Tipo de Documento:" />
											<p:selectOneMenu id="cmbTipoDoc"
												value="#{infoSolicitanteView.idtipodo_idTipoDocumento}"
												binding="#{infoSolicitanteView.txtIdTpDoc_TipoDocumento}"
												required="true"
												requiredMessage="El Tipo de Identificación es requerido ">
												<f:selectItem itemLabel="Seleccione" itemValue="" />
												<f:selectItems
													value="#{infoSolicitanteView.id_tipoDocumento}" />
											</p:selectOneMenu>

											<h:outputText id="msgNumeroIdentificacion"
												value="* Número de Identificación:" />
											<p:inputText id="txtNumeroIdentificacion"
												binding="#{infoSolicitanteView.txtNumeroIdentificacion}"
												required="true"
												requiredMessage="La Identificacion es requerida"
												maxlength="15" />

											<h:outputText id="msgNombreEmpresa"
												value=" Nombre Empresa: (opcional) " />
											<p:inputText id="txtNombreEmpresa"
												binding="#{infoSolicitanteView.txtNombreEmpresa}"
												maxlength="100" />

											<h:outputText id="msgNombreContacto"
												value="* Nombre del Contacto" />
											<p:inputText id="txtNombreContacto"
												binding="#{infoSolicitanteView.txtNombreContacto}"
												required="true"
												requiredMessage="El Nombre del contacto es requerido "
												maxlength="100" />

											<h:outputText id="msgCorreoElectronico" value="* Email:" />
											<p:inputText id="txtCorreoElectronico"
												binding="#{infoSolicitanteView.txtCorreoElectronico}"
												required="true" requiredMessage="El Email es requerido"
												maxlength="100" />

											<h:outputText id="msgTelefonoFijo" value=" Teléfono Fijo:" />
											<p:inputMask id="txtTelefonoFijo"
												binding="#{infoSolicitanteView.txtTelefonoFijo}"
												mask="(999) 999-9999" />

											<h:outputText id="msgNumeroCelular" value=" Número Celular:" />
											<p:inputMask id="txtNumeroCelular"
												binding="#{infoSolicitanteView.txtNumeroCelular}"
												mask="(999) 999-9999" />
										</h:panelGrid>

										<p:separator id="separator" />
										<h:panelGrid id="panelBotones" columns="1">

											<p:commandButton id="btnSave" value="Guardar"
												action="#{infoSolicitanteView.action_create}"
												binding="#{infoSolicitanteView.btnSave}" icon="ui-icon-disk"
												update="listaTDo,msg,panel,panelBotones,messages" />
										</h:panelGrid>
									</p:dialog>
								</p:panel>
							</h:form>
						</div>
					</f:view>
				</p:layoutUnit>
			</p:layout>
		</ui:define>
	</ui:composition>
</h:body>
</html>